<template>


  <!--  <el-row>-->
  <!--   <HeadData></HeadData>-->
  <!--  </el-row>-->
  <!--  <el-row>-->
  <!--    <el-col :span="15">-->
  <!--      <el-row>-->
  <!--      <el-col :span="12">-->
  <!--        <el-card shadow="always" style="margin: 5px"><el-col :span="1"> <Sex></Sex> </el-col></el-card>-->
  <!--      </el-col>-->
  <!--      <el-col :span="12">-->
  <!--        <el-card shadow="always" style="margin: 5px"><el-col :span="1"> <charts1></charts1> </el-col></el-card>-->
  <!--      </el-col>-->
  <!--    </el-row>-->

  <!--      <el-row>-->
  <!--        <el-col :span="24"> <el-card shadow="always" style="margin: 5px"> <withdrawal></withdrawal></el-card></el-col>-->
  <!--      </el-row>-->
  <!--    </el-col>-->
  <!--    <el-col :span="9">-->
  <!--    <el-card shadow="always" style="margin: 5px"><el-col :span="1"><Distribution></Distribution> </el-col></el-card>-->
  <!--  </el-col>-->
  <!--  </el-row>-->
  <el-row>


    <el-col :span="12">


      <el-card shadow="always" style="margin: 5px">
        <Distribution></Distribution>
      </el-card>

    </el-col>
    <el-col :span="12">
      <el-card shadow="always" style="margin: 5px">
        <Week></Week>
      </el-card>
    </el-col>

  </el-row>
</template>

<script lang="ts">
// import Charts1 from "../components/DataShow/Week.vue";
// import HeadData from "../components/DataShow/HeadData.vue";
// import Sex from "../components/DataShow/rate1.vue";
// import Withdrawal from "../components/DataShow/Withdrawal.vue";
import Distribution from "./DataShow/GeneralStatistics.vue";
import Week from "@/components/DataShow/Week.vue";

export default {
  // components: {Distribution, Withdrawal, Sex, HeadData, Charts1}
  components: {Week, Distribution}
}
</script>

<style scoped>

</style>
